<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../css/reset.css" rel="stylesheet" />
<link href="../css/common.css" rel="stylesheet" />
<link href="../css/component/recgroup.css" rel="stylesheet" />
<title>推荐聚合页</title>
</head>
<body>
<div class="w960">
	<ul id="RecNav" class="c-recgroup-tab clearfix">
		<li class="current"><a href="#">全部品牌</a></li>
		<li><a href="#dazhong">大众</a></li>
		<li><a href="#skoda">斯柯达</a></li>
		<li><a href="#buick">别克</a></li>
		<li><a href="#chevrolet">雪佛兰</a></li>
		<li><a href="#cadillac">凯迪拉克</a></li>
		<li><a href="#roewe">荣威</a></li>
		<li><a href="#mg">MG</a></li>
		<li><a href="#baojun">宝骏</a></li>
	</ul>
	
<!-- 推荐图片开始 -->
	<div class="c-recgroup-area">
		<h3 class="title title-m"><span class="title-name"><i></i>推荐车系</span></h3>
		<div class="c-recgroup-rec">
			<div class="c-recgroup-rec-main">
				<div class="c-recgroup-img">
					<a href="#"><img src="../images/temp/img_600x400.jpg" /></a>
				</div>
				<h4><a href="#">科帕奇</a></h4>
			</div>
			<div class="c-recgroup-rec-sub">
				<div class="c-recgroup-img">
					<a href="#"><img src="../images/temp/img_300x200.jpg" /></a>
				</div>
				<h4><a href="#">科鲁兹</a></h4>
				<div class="c-recgroup-img">
					<a href="#"><img src="../images/temp/img_300x200.jpg" /></a>
				</div>
				<h4><a href="#">迈锐宝</a></h4>
			</div>
		</div>
	</div>
<!-- 推荐图片结束 -->

<!-- 最新更新开始 -->
	<div class="c-recgroup-area c-recgroup-new">
		<h3 class="title title-m"><span class="title-name"><i></i>最新更新</span></h3>
		<div class="c-recgroup-list">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">最新科帕奇最新科帕奇最新科帕奇最新科帕奇最新科帕奇</a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">最新科帕奇最新科帕奇最新科帕奇最新科帕奇最新科帕奇</a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">最新科帕奇最新科帕奇最新科帕奇最新科帕奇最新科帕奇</a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">最新科帕奇最新科帕奇最新科帕奇最新科帕奇最新科帕奇</a></h4></li>
			</ul>
		</div>
	</div>
<!-- 最新更新结束 -->

<!-- 图片列表开始 -->
	<div class="c-recgroup-area c-recgroup-brand">
		<h3 class="title title-brand"><span class="title-name"><a name="dazhong">大众</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">朗逸<i>479张</i></a></h4></li>

			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="skoda">斯柯达</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">速派<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="buick">别克</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">新款别克君越<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="chevrolet">雪佛兰</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">迈锐宝<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="cadillac">凯迪拉克</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">凯迪拉克XTS<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="roewe">荣威</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">荣威950<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="mg">MG</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">MG 6<i>479张</i></a></h4></li>
			</ul>
		</div>
		<h3 class="title title-brand"><span class="title-name"><a name="baojun">宝骏</a></span></h3>
		<div class="c-recgroup-list clearfix">
			<ul>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">宝骏<i>479张</i></a></h4></li>
				<li>
				<span><a href="#"><img src="../images/temp/img_210x140.jpg" /></a></span>
				<h4><a href="#">宝骏<i>479张</i></a></h4></li>
			</ul>
		</div>
	</div>
</div>
<!-- 图片列表结束 -->


<script src="../jslib/jquery_1_8_3.min.js"></script>
<script src="../js/component/ECar.scrollPage.js"></script>
<script>
$("#RecNav a").click(function(){
    ECar.scrollPage(this.href.match(/#.+$/)[0].substr(1));
    return false;
});
</script>
</body>
</html>